<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房屋租赁平台-主页</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css">
</head>
<body>
     <!-- 房屋推荐主页 -->
     <div class="homepage" id="homePage">
        <nav class="navbar">
            <h2>房屋租赁平台</h2>
            <div>
                <a href="#" style="color: white; margin-left: 1rem;">首页</a>
                <a href="#" style="color: white; margin-left: 1rem;">我的收藏</a>
                <a href="#" style="color: white; margin-left: 1rem;">退出</a>
            </div>
        </nav>

        <div class="house-list">
            <div class="house-card">
                <img src="https://picsum.photos/400/300" alt="房屋图片">
                <div class="house-info">
                    <h3>阳光海景公寓</h3>
                    <div class="price">¥ 3500/月</div>
                    <p>两室一厅 | 85㎡ | 朝阳区</p>
                    <button>查看详情</button>
                </div>
            </div>
            <!-- 更多房屋卡片... -->
        </div>
    </div>
</body>
</html>
